<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Register a Book</title>
    <link href="../styles/style.css" rel="stylesheet" type="text/css" /> 
    <link rel="icon" type="image/png" href="../images/dpicon.png" />   
	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script type="text/javascript">google.load("jquery", "1.5.1");</script>
	<script type="text/javascript" src="../js/jquery.watermark.js"></script>
</head>

<body>
<script type="text/javascript">
$(document).ready(function() {
    $('input').each(function() {
        $(this).watermark($(this).attr('watermark'));
    });
    $('textarea').each(function() {
        $(this).watermark($(this).attr('watermark'));
    });
});
</script>

<%@ page import="java.util.*,controller.*, bean.*"%>
<%
	Integer cartItemCount = session.getAttribute("cartItemCount") != null 
										? (Integer)session.getAttribute("cartItemCount") : 0;	
%>

<div id="page-wrap">
	<div id="profile-menu">
		<ul class="profile-menu-list">							
			<li><a href="#" title="user">${customer.screenName}</a></li>					
			<li><a href="controller.AccountInformation" title="my account">my account</a></li>
			<li><a href="controller.Logout" title="login">logout</a></li>							
		</ul>
	</div><br/>
	
	<div id="main-menu">
		<!--<img src="devilpepperLogo.jpg" alt="devilpepper logo"/>-->
		<ul>
			<li><a href="controller.BookSearchForm" title="search">search</a></li>
			<li><a href="controller.SellBooksForm" title="sell books">sell books</a></li>
			<li><a href="controller.AboutForm" title="about">about</a></li>
			<li><a href="controller.ContactUsForm" title="contact us">contact us</a></li>
			<li class="cart"><a href="controller.CartForm" title="cart">cart&nbsp;&nbsp;<strong>0</strong></a></li>			
		</ul>		
	</div><br/>
	
	<div id="styleForm" class="formBox">
        <form action="controller.RegisterBook" method="post">
        	<h1>Register a book form</h1>
        	<p>Please enter in the book information</p>
			<label>ISBN:</label> <input type="text" name="isbn" watermark="Enter Book ISBN#"/>
        	<label>Title:</label> <input type="text" name="title" watermark="Enter Book Title"/>
        	<label>Author:</label> <input type="text" name="authorFirstName" watermark="Enter Author Firstname"/>
        	<label class="invisible">Author:</label><input type="text" name="authorLastName" watermark="Enter Author Lastname" /> 
        	<label>Publisher:</label> <input type="text" name="publisher" watermark="Enter Publisher"/>			
        	<label>Copyright:</label> <input type="text" name="copyright" watermark="Enter Copyright"/>			
        	<label>Number of Pages:</label> <input type="text" name="numberOfPages" watermark="Enter Number of Pages"/>			
        	<label>Edition:</label> <input type="text" name="edition" watermark="Enter Edition"/>			
        	<label>Description:</label> 
        	<textarea name="description" watermark="Enter Description"></textarea>
        	<!-- <input type="text" name="description" watermark="Enter Description"/> -->
        	<label>Price:</label> <input type="text" name="price" watermark="Enter Price"/>
        	<label>Condition:</label>
        	<select name="conditionCode">
        		<option value="E">Excellent</option>
        		<option value="V">Very Good</option>
        		<option value="G">Good</option>
        		<option value="F">Fair</option>
        		<option value="A">Acceptable</option>
        	</select>
        	<div class="clear"></div>
        	<label>Category:</label>
        	<select name="categoryCode">
	        	<option value="A">Art</option>
				<option value="C">Computer</option>
				<option value="D">Drama</option>
				<option value="E">Education</option>
				<option value="G">Games</option>
				<option value="L">Law</option>
				<option value="M">Medical</option>
				<option value="P">Photography</option>
				<option value="R">Religion</option>
				<option value="S">Science</option>
				<option value="H">History</option>
        	</select><br /><br />
			<button type="submit">Submit</button><br/><br/>							
        </form>
	</div>
</div>
<div class="footer_container">
	&copy;2011 All Rights Reserved
	<a href="mailto:devilpepper@hotmail.com">Devilpepper</a>
</div>
</body>
</html>